<template>
  <div>
    <el-card class="box-card" style="height: 100%">
      <div slot="header" class="clearfix">
        <span>基本信息</span>
      </div>
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="总捐款数" name="1">
          <div>{{this.info.total_in}}元</div>
        </el-collapse-item>
        <el-collapse-item title="总发出数" name="2">
          <div>{{this.info.total_out}}元</div>
        </el-collapse-item>
        <el-collapse-item title="时间" name="3">
          <div>{{this.info.time.rq}}</div>
        </el-collapse-item>
      </el-collapse>
    </el-card>
  </div>
</template>

<script>
  export default {
    name: "Info",
    data() {
      return {
        info:{}
      }
    },
    props:
      {
        detail_name: {type: String},
      },
    methods:
      {
        getData()
        {
          var url = '/detail/jjh_info/';
          var params = {name: '武汉红十字基金会'};
          this.$axios.get(url, {params})
            .then(res => {
              this.info = res.data;
            })
            .catch(function (error) {
              throw error;
            });
        },},
    mounted(){
      this.getData();
    }
  }
</script>

<style scoped>

</style>
